.goods-item{
    width:100%;
    display:block;
}
.goods-item .img-block{
    width:100%;
    margin-bottom:0.1rem;
}
.goods-item img{
    width:100%;
    display:block;
}
.goods-item p{
    line-height:1.6;
}
.goods-item .goods-name{
}
.goods-item .goods-price{
    font-size:0rem;
}
.goods-item .goods-price span{
   margin-right:0.2rem;
}
.goods-item .count{
    position: relative;
    padding-left: 0.3rem;
}
.goods-item .count:before{
    background: #da3558;
    color: #fff;
    width: 0.26rem;
    height:0.26rem;
    text-align: center;
    line-height: 1.5;
    border-radius: 0.05rem;
    -webkit-border-radius: 0.05rem;
    content: '折';
    display: block;
    font-size: 0.2rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.13rem;
}
 .fail-price{
    text-decoration:line-through;
}
.goods-item .goods-price .ft36{
    font-size: 0.36rem;
}
.goods-item .goods-price .go-buy{
    font-size: 0.26rem;
    border: 1px #11161c solid;
    border-radius: 0.05rem;
    -webkit-border-radius: 0.05rem;
    padding: 0.05rem 0.1rem;
}
.goods-item .text-hide{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.goods-item .imgLeft{
    width:40%;
    float: left;
}
.goods-item .imgLeft img{
    width:100%;
    height:auto;
}
.goods-item  .goods-text{
    float: right;
    width: 60%;
    padding-left: 0.2rem;
}
.goods-item .goods-label{
    margin:0.1rem 0;
}
.goods-label label{
    padding:0.08rem 0.1rem;
    margin-right:0.1rem;
    font-size: 0.2rem;
}
.goods-label label.green{background:#bdd7c6;}
.goods-label label.blue{background:#e7ceae;}
.goods-label label.red{background:#c1d0ac;}
.goods-item .goods-view{
    text-align:right;
}
.goods-item .goods-view span{
    position:relative;
}
.goods-item .goods-view span:before{
    display:block;
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:0.2rem;
    height:0.2rem;
    background:url('../imgs/ycx-viewIcon.png') no-repeat;
    background-size:100% auto;
    margin-left:-0.21rem;
    margin-top:-0.01rem;
}
.goods-item .goods-record{}
.goods-item .goods-record span{
	padding:0 0.2rem;
	border-right:1px #EAECF1 solid;
}
.goods-item .goods-record span:first-child{
	padding-left:0;
}
.goods-item .goods-record span:last-child{
	border:0;
}
.goods-item  .out-time{
    font-size: 0;
}
.goods-item  .out-time span{
        background: #989ba2;
        color: #fff;
        border-radius: 0.1rem;
        font-size: 0.24rem;
        padding: 0.05rem 0.1rem;
}

/*商品详情*/
.goods-detail .basic-info{
    position: relative;
}
.goods-detail .basic-info h1{
    padding-right:1rem ;
}
.goods-detail .basic-info .fail-price{
    margin-left: 0.1rem;
}
.goods-detail .basic-info .count{
    position: relative;
    padding-left: 0.3rem;
}
.goods-detail .basic-info .count:before{
    background: #da3558;
    color: #fff;
    width: 0.26rem;
    height:0.26rem;
    text-align: center;
    line-height: 1.5;
    border-radius: 0.05rem;
    -webkit-border-radius: 0.05rem;
    content: '折';
    display: block;
    font-size: 0.2rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.13rem;
}
.goods-detail .basic-info a{
    position: absolute;
    right: 0.25rem;
    top: 50%;
    width: 0.44rem;
    height: 0.38rem;
    margin-top: -0.19rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.goods-detail .basic-info .price{
    font-size: 0;
    padding-bottom: 0.15rem;
}
.goods-detail .basic-info .price span{
    display: inline-block;
    vertical-align: middle;
    height: 0.4rem;
    line-height: 0.4rem;
}
.goods-detail .basic-info .imgIcon{
    overflow: hidden;
    height: 0.6rem;
    font-size: 0;
    border-bottom: 1px #eaecf1 solid;
    padding-bottom: 0.2rem;
}
.goods-detail .basic-info  .imgIcon img{
    height: 0.30rem;
    margin-top: 0.05rem;
    margin-right: 0.1rem;
}
.goods-detail .basic-info .name{
    position: relative;
}
.goods-detail .basic-info .collect{
    background-image: url('../imgs/ycx-collect.png');
}
.goods-detail .basic-info .has-collect{
    background-image: url('../imgs/ycx-collected.png');
}
.goods-detail .goods-service{
    text-align: right;
}
.goods-detail .goods-service span{
    position: relative;
    margin-left: 0.3rem;
}
.goods-detail .goods-service span:before{
    position: absolute;
    display: block;
    content: '';
    left: 0;
    top: 50%;
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 0.05rem;
    -webkit-border-radius: 0.05rem;
    background: #da3558;
    margin-top: -0.05rem;
    margin-left: -0.15rem;
}
.goods-detail .goods-special{}
.goods-detail .goods-special .specail-text{
    padding: 0.25rem;
    font-size: 0.32rem;
}
.goods-detail .goods-special .specail-text p{
    position: relative;
    padding-left: 0.2rem;
    margin-bottom: 0.2rem;
}
.goods-detail .goods-special .specail-text p:before{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0.16rem;
    width: 0.09rem;
    height: 0.16rem;
    background: url('../imgs/ycx-articleIcon.png') no-repeat;
    background-size: auto 100%;
}
.goods-detail .more-detail{}
.goods-detail .more-detail h1{
    text-align: center;
    line-height: 3;
    position: relative;
}
.goods-detail .more-detail h1:after{
    display: block;
    content: '';
    position: absolute;
    left:50%;
    top: 50%;
    width: 0;
    height: 0;
    margin-left: 0.8rem;
    margin-top: -0.08rem;
    border-width: 0.16rem;
    border-style: solid;
    border-color: #11161c transparent transparent transparent;
}
.goods-detail .more-detail h1.active:after{
    border-color: transparent transparent #11161c  transparent;
    margin-top: -0.20rem;
}
.goods-detail .more-detail .more-deatail-text{
    padding: 0 0.25rem 0.25rem 0.25rem;
}
.goods-detail .more-detail .more-deatail-text img{
    width: 100%;
    display: block;
    margin: 0.2rem 0;
}
.goods-detail .more-detail .more-deatail-text p{
    margin-bottom: 0.1rem;
}

.goods-detail .goods-norms{

}
.goods-table{
    background: #eaecf1;
}
.goods-table td{
    background: #fff;
    padding: 0.2rem;
}
.goods-table tr>td:first-child{
    text-align: right;
}

.goods-table tr>td:last-child{
    color: #8d9092;
}

.goods-remind{}
.goods-remind .remind-text ol{
    padding-left: 0.5rem;
}
.goods-remind .remind-text li {
    list-style-type: disc;
    line-height: 2;
}
.goods-remind .remind-text  h4{
    font-size: 0.30rem;
}
.goods-remind .remind-text  p{
    font-size: 0.24frem;
    margin: 0.1rem 0;
}
.goods-remind .vx-help{
    text-align: center;
}
.goods-remind .vx-help a{
    display: inline-block;
    position: relative;
    padding: 0 0.5rem 0 1rem;
    border: 1px #11161c solid;
    font-size: 0.3rem;
    font-weight: bold;
    line-height: 2;
}
.goods-remind .vx-help a:before{
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.21rem 0 0 -1.0rem;
    width: 0.42rem;
    height: 0.42rem;
    background: url('../imgs/ycx-vxHelp.png') no-repeat center center;
    background-size: cover;
}

/* 购物车按钮组 */
.cart-btn-group{
    height: 1.2rem;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
}  
.cart-btn-group .cart{
    width: 25%;
    height: 100%;
    float: left;
    position: relative;
    background: url('../imgs/ycx-cartIcon.png') center center no-repeat;
    background-size: 40% auto;
} 
.cart-btn-group .cart span{
    position: absolute;
    left: 65%;
    top: 22%;
    width: 0.26rem;
    height: 0.26rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #da3558;
    color: #fff; 
    text-align: center;
    overflow: hidden;
    line-height: 0.26rem;
    font-size: 0.18rem;
}
.cart-btn-group .cart.active span{
   -webkit-animation: jump .3s ease-in;
   -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes jump{
    0%{
        width: 0.26rem;
        height: 0.26rem;
        line-height: 0.26rem;
         font-size: 0.18rem;
        margin: 0;
    }
    25%{
        width: 0.52rem;
        height: 0.52rem;
        margin: -0.13rem 0 0 -0.13rem;
        font-size: 0.3rem;
        line-height: 0.52rem;

    }
     50%{
        width: 0.30rem;
        height: 0.30rem;
        margin: -0.02rem 0 0 -0.02rem;
         font-size: 0.20rem;
         line-height: 0.3rem;

    }
    75%{
        width: 0.4rem;
        height: 0.4rem;
        margin: -0.07rem 0 0 -0.07rem;
         font-size: 0.24rem;
         line-height: 0.4rem;
    }
    100%{
         width: 0.26rem;
        height: 0.26rem;
        margin: 0;
         font-size: 0.18rem;
         line-height: 0.26rem;

    }
}
.cart-btn-group  .out-cart{
    width: 5.05rem;
    clear: both;
}
.cart-btn-group p{
    width: 75%;
    float: right;
    height: 100%;
}
.cart-btn-group p a{
    line-height: 2.5;
    display: block;
    float: left;
    text-align: center;
    width: 2.3rem;
    margin: 0.2rem 0 0.2rem 0.3rem;
}
/*底部弹出规格窗*/
.goods-norms-popup{
    position: fixed;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    overflow: hidden;
}
.goods-norms-popup h2{
    color: #fff;
    height: 0.9rem;
    line-height: 0.9rem;
    overflow: hidden;
}
.goods-norms-popup .close{
    color: #fff;
}
.goods-norms-popup .norms-choice{}
.goods-norms-popup .norms-choice a{
    display: block;
    border-bottom: 1px #eaecf1 solid;
    position: relative;
    padding: 0.2rem 0;  
    padding-left: 0.7rem; 
}
.goods-norms-popup .norms-choice a:before{
    width: 0.46rem;
    height:0.46rem;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.23rem;
    background: url('../imgs/ycx-cartChoice.png') center center no-repeat;
    background-size:cover;
}
.goods-norms-popup .norms-choice a.active:before{
    background: url('../imgs/ycx-cartChoiced.png') center center no-repeat;
    background-size:cover;
}
.goods-norms-popup .norms-choice a:last-child{
    border: 0;
}
.goods-norms-popup .norms-choice a.sold-out,.goods-norms-popup .norms-choice a.sold-out span{
    color: #c9cbcf;
}
.goods-norms-popup .norms-choice a.sold-out:after{
    right: 0;
    top: 0.4rem;
    position: absolute;
    content: '售罄';
    font-size: 0.3rem;
}
.goods-norms-popup .goods-price{
    font-size: 0;
}
.goods-norms-popup .goods-price .color-fail{
    text-decoration: line-through;
}

/* 抢购商品时间显示 */
.panic-time{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.96rem;
    background: rgba(0,0,0,0.5);
    text-align: right;
    font-size: 0.3rem;
    color: #fff;
    line-height: 0.96rem;
}
.panic-time div{
    display: inline-block;
    vertical-align: middle;
}
.panic-time span{
    display: inline-block;
    width: 0.52rem;
    height: 0.52rem;
    background: #e9ebf1;
    text-align: center;
    color: #11161c;
    line-height: 0.52rem;
    vertical-align: middle;
}
.panic-time i{
    font-style: normal;
    font-weight: bold;
}
